<!--
 * @Author: 码上talk|RC
 * @Date: 2020-09-29 16:06:55
 * @LastEditTime: 2020-09-30 17:08:16
 * @LastEditors: 码上talk|RC
 * @Description: 
 * @FilePath: /tacomall-merchant/src/pages/order/info.vue
 * @微信:  13680065830
 * @邮箱:  3189482282@qq.com
 * @oops: Just do what I think it is right
-->
<template>
    <div class="order-info">
        <div class="oi-section oi-base">
            <div class="os-title">
                <span>基础信息</span>
            </div>
            <div class="os-content">
                <table>
                    <tbody>
                        <tr>
                            <td>
                                <span>商品编号：</span>
                                <span>QSDFF093275JCS</span>
                            </td>
                            <td>
                                <span>商品编号：</span>
                                <span>QSDFF093275JCS</span>
                            </td>
                            <td>
                                <span>商品编号：</span>
                                <span>QSDFF093275JCS</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>商品编号：</span>
                                <span>QSDFF093275JCS</span>
                            </td>
                            <td>
                                <span>商品编号：</span>
                                <span>QSDFF093275JCS</span>
                            </td>
                            <td>
                                <span>商品编号：</span>
                                <span>QSDFF093275JCS</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>商品编号：</span>
                                <span>QSDFF093275JCS</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="oi-section oi-logistics">
            <div class="os-title">
                <span>物流信息</span>
            </div>
            <div class="os-content"></div>
        </div>
    </div>
</template>

<script>
export default {
}
</script>

<style lang="less">
.order-info {
    padding: 10px;
    background: white;
    .oi-section {
        .os-title {
            display: flex;
            align-items: center;
            height: 70px;
            span {
                font-size: 16px;
                color: #000;
            }
        }
        .os-content {
            padding-bottom: 20px;
        }
        &:not(:first-child) {
            border-top: 1px solid #f7f7f7;
        }
    }
    .oi-base {
        table {
            width: 100%;
            tbody {
                tr {
                    &:not(:last-child) {
                        td {
                            padding-bottom: 16px;
                        }
                    }
                }
            }
        }
    }
}
</style>